<template>
  <div>
    <table :border="border">
      <th>日期</th>
      <th>姓名</th>
      <th>地址</th>
      <th>标签</th>
      <th>头像</th>
      <tr v-for="item in data" :key="item.date">
        <td>{{ item.date }}</td>
        <td>{{ item.name }}</td>
        <td>{{ item.address }}</td>
        <td>
          <slot v-bind:row="item"> </slot>
        </td>
        <td>
          <slot name="avatar" v-bind:row="item"></slot>
        </td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  props: {
    border: {
      type: Number,
      default: 1
    },
    data: {
      default: [],
      type: Array
    }
  }
}
</script>
